<template>
    <div class="search">
        <input class="search-input" type="text" placeholder="输入城市名称进行搜索"/>

    </div>
</template>

<script>
export default {
    name:"CitySearch"
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.search{
     background-color : $bgColor
     text-align: center
     height: .72rem
     line-height: .72rem
      padding 0px 12px 0px 12px
      padding-right:12px 

}
.search-input{
    border width 1px
    border-color #f6f6f6
    height .62rem
    line-height:.62rem
    border-radius: .06rem
    text-align:  center
    width:100%
}
</style>
